<div class="map-com">
    <span class="sline"></span>
    <span class="text">地图方案</span>
</div>
<div class="map-layer-items">
    <a class="{{maps.curMap===item.id ? 'selected' : ''}}" 
        (click)="setMap(item.id)"
        *ngFor="let item of maps.maps">
        <img [src]="item.image" class="{{maps.curMap===item.id ? 'selected' : ''}}" />
        <span>{{item.name}}</span>
    </a>
</div>
<div class="map-com">
    <span class="sline"></span>
    <span class="text">图层列表</span>
</div>

<nz-table [nzLoading]="maps.isLoading" nzSize="small" nzShowSizeChanger 
    [nzShowPagination]="false" [nzFrontPagination]="false" 
    [nzData]="maps.LayerDatas">
    <tbody>
        <ng-template ngFor let-data [ngForOf]="maps.LayerDatas">
            <ng-template ngFor let-item [ngForOf]="maps.expandDataCache[data.id]">
                <tr *ngIf="(item.parent&&item.parent.expand)||!(item.parent)">
                    <td *ngIf="item.show" [nzIndentSize]="item.level*20" [nzShowExpand]="!item.leaf"
                        [(nzExpand)]="item.expand">
                        <label *ngIf="item.leaf" nz-checkbox (ngModelChange)="maps.check(item)" [(ngModel)]="item.checked"
                            name="show" class="cb">
                        </label>
                        <a class="form-button"> {{item.name}}</a>
                    </td>
                </tr>
            </ng-template>
        </ng-template>
    </tbody>
</nz-table>